<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
// 三种状态；pending、fulfilled、rejected
// let p = new Promise((res,rej)=>{
//     res("success");
//     // rej("err");
// });
// console.log(p);

// then方法 onresolved  onrejected;
// p.then((res)=>{
//     console.log(res);
// },err=>{
//     console.log(err);
// })


// p.then((res)=>{
//     console.log(res);
// }).catch(err=>{
//     console.log(err);
// })

// then三种返还值 1.不返还 2.返还普通值 3.返还promise对象； 都会返还promise对象，--->链式操作（无限then）；
// let res =  p.then(res=>{
//     // return 111;
//     return new Promise(res=>{
//         res("p返还的");
//     })
// })
// console.log(res);
// res.then().then().then()....
// 

// 1-3-4-6-2-5
// 1-3-4-6-5-2  // then是一个异步的微任务
// console.log(1)
// setTimeout(() => {
//    console.log(2); 
// });
// let p = new Promise((res,rej)=>{
//     console.log(3)
//     res("success");
// });
// console.log(4)
// p.then(res=>{
//     console.log(5);
// })
// console.log(6);

// promise 周边方法 ； Promise.resolve Promise.reject
// new Promise(resolve=>{
//     resolve("success");
// })
// let p =  Promise.resolve("success");
// console.log(p);
let p1 = new Promise((res,rej)=>{
    setTimeout(() => {
        res(1)
    }, 2000);
})

let p2 = new Promise((res,rej)=>{
    setTimeout(() => {
        res(2)
        // rej("err");
    }, 1000);
})

// Promise.all([p1,p2]).then(res=>{
//     console.log(res);
// })
// Promise.race([p1,p2]).then(res=>{
//     console.log(res);
// })
// Promise.allSettled([p1,p2]).then(res=>{
//     console.log(res);
// })

// finally
p2.then(res=>{
    console.log(res);
},err=>{
    console.log(err);
}).finally(()=>{
    console.log("完成");
})

 



</script>
</html>